@charset "utf-8";

* {
	font-family: "microsoft yahei";
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

a:hover {
	text-decoration: none;
}

.navbar-nav {
	margin-top: 10px;

}

.navbar-nav li {
	padding: 5px 1vw;
}

.navbar-nav li a:hover {
	border-bottom: 2px solid #DA251C;
}

.navbar-nav .hover a {
	border-bottom: 2px solid #DA251C;
}

.nav>li>a {
	padding: 10px 0px;
	font-size: 15px;
	color: #000;
}

.navbar-default {
	background-color: #fff;
	border: 0px solid #fff;
}

.search_box {
	float: right;
	width: 200px;
	height: 35px;
	background-color: #ebebeb;
	border-radius: 18px;
	margin-top: 18px;
	margin-right: 30px;
	margin-left: 50px;
}

.search_inp {
	border: 0px;
	height: 35px;
	line-height: 35px;
	float: left;
	background-color: #ebebeb;
	outline: none;
	border-radius: 18px;
	text-indent: 15px;
	width: 170px;
}

.search_btn {
	float: left;
	border: 0px;
	line-height: 35px;
	outline: none;
	height: 35px;
	background: url(../images/search_btn.png) center center no-repeat;
	width: 20px;
}

.language {
	float: right;
	margin-top: 23px;
	font-size: 16px;
	font-weight: bold;
	color: #DA251C;
	display: block;
	margin-right: 30px;
}

/* .banner {
	height: 900px;
} */

.swiper-pagination-bullet {
	height: 2px;
	width: 30px;
	border-radius: 0px;
	background: #fff;
	opacity: .9;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #DA251C;
}

.swiper-button-prev,
.swiper-button-next {
	box-sizing: border-box;
	padding: 20px 10px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.2);

}

.ind_aboutbg {
	background: url(../images/ind_aboutbg.jpg) right top/auto 100% no-repeat;
	padding: 100px 0px;
}

.ind_title {}

.ind_title p {
	color: #DA251C;
	font-size: 26px;
}

.ind_title span {
	color: #999;
	font-size: 20px;
	display: block;
}

.ind_title i {
	display: block;
	margin-top: 40px;
	width: 60px;
	border-top: 2px solid #DA251C;
}


.ind_aboutext {
	padding-top: 30px;
	line-height: 35px;
	font-size: 15px;
	color: #666;

}
@media (max-width: 680px) {
	.ind_aboutext {color: #000;}

}
.ind_number {
	overflow: hidden;
}

.ind_number li {
	width: 25%;
	float: left;
	margin-top: 50px;
}

.ind_number li p {
	font-size: 20px;
	color: #000;
}

.ind_number li span {
	display: block;
	color: #DA251C;
}

.ind_number li span i {
	font-style: normal;
	font-size: 40px;
	display: inline-block;
	margin-right: 10px;
}

.ind_probg {
	background: url(../images/ind_probg.jpg) center top no-repeat;
	padding-top: 100px;
	padding-bottom: 30px;
}

.ind_probg .ind_title p,
.ind_probg .ind_title span {
	color: #fff;
}

.ind_proclass {
	float: right;
	margin-top: 30px;
}

.ind_proclass li a {
	color: #fff;
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;
	display: inline-block;
	width: 100%;

}

.ind_proclass li {
	float: left;
	margin-left: 30px;
	padding: 8px 0px;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.ind_proclass li:hover {
	border-bottom: 2px solid #DA251C;
}

.ind_proclass .hover {
	border-bottom: 2px solid #DA251C;
}

.ind_pro {
	margin-top: 40px;
}

.ov {
	overflow: hidden;
}

.ind_pro a .ov img {
	display: block;
	width: 100%;
}

.ind_pro a {
	background-color: #2b2b2b;
	display: block;
	color: #fff;
	transition: all 0.5s ease-out;
}

.ind_pro a p {
	padding: 20px;
	font-size: 16px;
	position: relative;
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;
}

.ind_pro a p span {
	display: block;
	font-size: 13px;
}

.ind_pro a p img {
	display: block;
	position: absolute;
	right: 35px;
	top: 30px;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	transition: all 0.5s ease-out;
}

.ind_pro a:hover {
	background-color: #DA251C;
}

.ind_pro a:hover p img {
	right: 15px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}

.pr {
	position: relative;
}

.redborder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #DA251C;
	transform: scale(0);
	transition: all 0.5s ease-out;
}

.ind_pro a:hover .redborder {
	transform: scale(0.8);
}

.propage {
	text-align: center;
}

.propage>div {
	display: inline-block;
	margin: 10px;
	margin-top: 30px;
}

.ind_case {
	padding-top: 100px;
}

.ind_case_item {
	box-shadow: 0px 0px 5px #ddd;
	margin-top: 30px;
}

.ind_case_item>img {
	display: block;
	float: left;
	width: 40%;

}

.ind_case_item .txt {
	box-sizing: border-box;
	padding: 20px;
	width: 60%;
	float: left;
}

.ind_case_item .txt p {
	color: #000;
	font-size: 18px;
	margin-top: 10px;
	transition: all 0.5s;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.ind_case_item .txt span {
	color: #999;

	margin-top: 20px;
}

.ind_case_item .txt a {
	display: block;
	width: 120px;
	height: 36px;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 7px;
	margin-top: 30px;
	transition: all 0.5s;
	overflow: hidden;
}

.ind_case_item .txt a:before {
	content: "More";
	color: #fff;
	display: none;
}

.ind_case_item .txt a img {
	transition: all 0.5s;
}

.ind_case_item:hover .txt a {
	background-color: #DA251C;
}

.ind_case_item:hover .txt a img {
	transform: translateX(150px);
}

.ind_case_item:hover .txt a:before {
	content: "More";
	color: #fff;
	display: block;
}

.ind_case_item:hover .txt p {
	color: #DA251C;

}

.more {
	width: 160px;
	height: 40px;
	background-color: #DA251C;
	color: #fff;
	text-align: center;
	line-height: 40px;
	margin: 30px auto;
	display: block;
}

.more:hover {
	width: 160px;
	height: 40px;
	background-color: #C1221A;
	color: #fff;
	text-align: center;
	line-height: 40px;
	margin: 30px auto;
	display: block;
}

.ind_newsbg {
	background: url(../images/ind_newsbg.jpg) center no-repeat;
	padding: 70px 0px;
	box-sizing: border-box;
}

.ind_newsclass {
	float: right;
	margin-top: 30px;
}

.ind_newsclass li a {
	color: #666;
}

.ind_newsclass li {
	float: left;
	margin-left: 30px;
	padding: 8px 0px;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.ind_newsclass li:hover {
	border-bottom: 2px solid #DA251C;
}

.ind_newsclass .hover {
	border-bottom: 2px solid #DA251C;
}

.ind_news_item {
	margin-top: 30px;
}

.ind_news_item .txt {
	transition: all 1s;
	padding: 30px;
	background-color: #fff;
}

.ind_news_item:hover .txt {
	background-color: #f1f1f1;
}

.ind_news_item .txt p {
	font-size: 20px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.ind_news_item .txt span {
	display: block;
	color: #888;
	margin-top: 20px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.ind_news_item .txt a {
	display: block;
	width: 120px;
	height: 36px;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 7px;
	margin-top: 30px;
	transition: all 0.5s;
	overflow: hidden;
}

.ind_news_item .txt a:before {
	content: "More";
	color: #fff;
	display: none;
}

.ind_news_item .txt a img {
	transition: all 0.5s;
}

.ind_news_item:hover .txt a {
	background-color: #DA251C;
}

.ind_news_item:hover .txt a img {
	transform: translateX(-150px);
}

.ind_news_item:hover .txt a:before {
	content: "More";
	color: #fff;
	display: block;
}

.foot {
	background-color: #363636;
	padding: 30px 0px;
}

.foot_nav {
	overflow: hidden;
}

.foot_nav li {
	width: 16.5%;
	float: left;
}

.foot_nav li p a {
	display: block;
	font-size: 16px;
	color: #fff;
}

.foot_nav li>a {
	display: block;
	font-size: 12px;
	color: #999;
	margin-top: 15px;
}

.qr .ov a {
	display: block;
	float: right;
	margin-left: 20px;
}

.qr .fenxiang {
	text-align: right;
	margin-top: 20px;
}

.qr .fenxiang span {
	display: inline-block;
	color: #fff;
}

.qr .fenxiang a {
	display: inline-block
}

.hr1 {
	border-top: 1px solid #888;
}

.copyright {
	text-align: right;
	color: #888;
}

.frlink>div {

	/* border-radius: 17px; */
	background-color: #535353;
	height: 34px;
	line-height: 34px;
	width: 270px;
	position: relative;
	box-sizing: border-box;
}

.frlink>div>p {
	margin: 0px;
	text-indent: 20px;
	color: #fff;
}

.frlink>div>p>img {
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.frlink .frmask {
	position: absolute;
	width: 100%;
	background-color: #535353;
	bottom: 34px;
	display: none;


}

.frlink .frmask a {
	display: block;
	text-align: center;
	color: #ddd;
	border-bottom: 1px solid #666;

	margin-bottom: 1px;
}

.frlink>div:hover .frmask {
	display: block;
}

.frlink .frmask a:hover {
	background-color: #444;
}

.n_ban {
	height: 530px;
}

.about_ban {
	background: url(../images/about_ban.jpg) top center no-repeat;
	background-size: cover;
}

.pro_ban {
	background: url(../images/pro_ban.jpg) top center no-repeat;
	background-size: cover;
}

.case_ban {
	background: url(../images/case_ban.jpg) top center no-repeat;
	background-size: cover;
}

.news_ban {
	background: url(../images/news_ban.jpg) top center no-repeat;
	background-size: cover;
}

.contact_ban {
	background: url(../images/contact_ban.jpg) top center no-repeat;
	background-size: cover;
}

.nobg {
	background-image: none;
}

.aboutpic {
	margin-top: 60px;
	float: right;
	width: 100%;
}

.qyjs_bg {
	background: url(../images/qyjs_bg.jpg) top center no-repeat;
	padding: 60px 0px;
}

.qyjstxt h2 {
	color: #DA251C;
}

.qyjstxt p {
	font-size: 16px;
	border-top: 1px solid #DA251C;
	margin-top: 20px;
	padding-top: 20px;
	line-height: 35px;
	color: #393232;
}

.fzlc {
	padding: 100px 0px;
}

.fzlc_swiper .fz_year {
	width: 75px;
	height: 75px;
	line-height: 75px;
	text-align: center;
	border: 1px solid #333;
	margin: 10px auto;
	border-radius: 100%;
	transition: all 0.5s;
	background-color: #fff;
}

.fzlc_swiper .fz_year span {
	display: block;
	font-size: 16px;
	padding: 0px;
	background-color: #fff;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0px auto;
	margin-top: 8px;
	transition: all 0.5s;
}

/* .fzlc_swiper .fz_year:hover{
		 width: 95px;
		 height: 95px;
		 line-height: 95px;
		 border-color: #DA251C;
		 margin-top: -5px;
		}
		.fzlc_swiper .fz_year:hover span{
			background-color: #DA251C;
			color: #fff;
			margin-top: 15px;
		} */
.fzlc_swiper .swiper-wrapper {
	height: 100px;
	padding: 30px 0px;
}

.swiper-slide-active .fz_year {
	width: 95px;
	height: 95px;
	line-height: 95px;
	border-color: #DA251C;
	margin-top: -5px;

}

.swiper-slide-active .fz_year span {
	background-color: #DA251C;
	color: #fff;
	margin-top: 15px;
}

.fzlc_line {
	position: absolute;
	width: 100%;
	top: 60px;
}

.fzlc-prev {
	position: absolute;
	left: 0px;
	top: 60px;
	background-color: #fff;
	z-index: 2000;
}

.fzlc-next {
	position: absolute;
	right: 0px;
	top: 60px;
	background-color: #fff;
	z-index: 2000;
}

.fzlc_bg {
	background: url(../images/fzlc_bg.png) bottom center no-repeat;
	height: 200px;
	margin-top: 30px;

}

#fzlc_year {
	text-align: center;
	display: block;
	font-size: 32px;
}

#fzlc_txt {
	text-align: center;
	margin-top: 30px;
}

.honor_bg {
	background: url(../images/honor_bg.jpg) top center no-repeat;
	padding-top: 60px;
	padding-bottom: 30px;
}

.honor_swiper a {
	text-align: center;
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
}

.honor_page {
	bottom: 0px;
}

.honor_swiper a p {
	font-size: 16px;
	color: #333;
	margin-top: 30px;
}

.honor_swiper a span {
	font-size: 14px;
	color: #888;
}

.proitem {
	margin-top: 30px;
}

.proitem a .ov img {
	display: block;
	width: 100%;
}

.proitem a {
	background-color: #2b2b2b;
	display: block;
	color: #fff;
	transition: all 0.5s ease-out;
}

.proitem a p {
	padding: 20px;
	font-size: 16px;
	position: relative;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.proitem a p span {
	display: block;
	font-size: 13px;
}

.proitem a p img {
	display: block;
	position: absolute;
	right: 35px;
	top: 30px;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	transition: all 0.5s ease-out;
}

.proitem a:hover {
	background-color: #DA251C;
}

.proitem a:hover p img {
	right: 15px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}


.redborder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #DA251C;
	transform: scale(0);
	transition: all 0.5s ease-out;
}

.proitem a:hover .redborder {
	transform: scale(0.8);
}

.n_class {
	padding: 10px 0px;
	box-shadow: 0px 5px 5px #eee;
}

.n_class ul li {
	float: left;
	margin-right: 40px;
	text-align: center;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	line-height: 40px;
}

.n_class ul li:hover {
	border-color: #DA251C;
}

.n_class ul .hover {
	border-color: #DA251C;
}

.n_class ul li a {
	color: #666;
	font-size: 16px;
}

.pagination-outer {
	text-align: center;
}

.pagination {
	display: inline-flex;
	position: relative;
	padding: 30px 0px;
}

.pagination li a.page-link {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: transparent;
	border: none;
	padding: 0;
	margin-right: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #DA251C;
	position: relative;
	transition: all 0.3s ease 0s;
}

.pagination li:last-child a.page-link {
	margin-right: 0;
}

.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover {
	color: #DA251C;
	border: none;
	background: transparent;
}

.pagination li a.page-link:before {
	content: "";
	width: 100%;
	height: 100%;
	border: 2px solid #DA251C;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
}

.pagination li.active a.page-link:before,
.pagination li a.page-link:hover:before,
.pagination li.active a.page-link:hover:before {
	width: 60%;
	height: 0;
	border-width: 0 2px 2px;
	margin: 0 20%;
	transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
}

@media only screen and (max-width: 479px) {
	.pagination {
		display: block;
	}

	.pagination li {
		display: inline-block;
	}
}

.contac {
	padding: 80px 0px;
}

.contact_txt p {
	margin-top: 20px;
	line-height: 30px;
	color: #888;
}

.contact_map,
.contact_txt {
	margin-top: 40px;
}

#l-map {
	height: 400px;
}

.inp {
	width: 100%;
	background-color: #f6f6f6;
	border: 1px solid #f4f4f4;
	padding: 10px;
	margin-top: 30px;
	outline: none;
}

.noborder {
	border: 0px
}

.jobs {
	padding: 80px 0px;
}
.jobs_bg{
	background: url(../images/jobs_bg.jpg) top center no-repeat;
	height: 197px;
	margin: 30px 0px;
}
.jobtable td{
	text-align: center;
	
}
.jobtable th{
	text-align: center;
	font-size: 17px;
}
.jobtable > thead > tr > th,
.jobtable > tbody > tr > th,
.jobtable > tfoot > tr > th,
.jobtable > thead > tr > td,
.jobtable > tbody > tr > td,
.jobtable > tfoot > tr > td{
	padding: 15px 10px;
}
.jobtable tr:hover td{
	color: #DA251C;
}
.jobtable tr td a{
	color: #DA251C;
}

.nr{
	margin-top: 50px;
}
.nr .news_name{
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	padding-top: 10px;
}
.nr .news_name span{
	font-size: 12px;
	display: block;
	color: #999;
	line-height: 40px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.nr .news_content{
	line-height: 30px;
	color: #666;
	padding: 20px 0px;
}
.news_foot{
	border-top: 1px solid #ddd;
	overflow: hidden;
	padding-top: 20px;
}
.news_foot .nextnews {
	width: 50%;
	float: left;
}
.news_foot .nextnews a{
	display: block;
	line-height: 30px;
	font-size: 12px;
	color: #999;
}
.bdsharebuttonbox{
	float: right;
}
.jobitem{
	line-height: 40px;
	margin-bottom: 10px;
	margin-top: 30px;
	background: url(../images/jobinfo_bg.jpg) top center no-repeat;
	padding-top: 35px;
	padding-bottom: 35px;
}
/*鍒嗛〉鏍峰紡*/
.page_info{text-align:center;margin-top:10px;color:#333; height: auto; margin-bottom: 30px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px; margin-bottom: 30px; line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;text-align:center;padding:3px 10px;margin:3px 5px; border-radius: 5px;}
.page_list a:hover{color:#fff; color: #e21f36; border-bottom: 2px solid #e21f36; border-radius:0px;}
.page_list a.on{color:#333; background: #e21f36; color: #fff;}

.logo_heard{
	max-height:64px
}
@media(max-width:960px){
	.logo_heard{
		max-height:44px
	}

}